<div id="addpackagesection">
                <legend>Add New Package</legend>
                        
                        <form id="addpackagepage" name="addpackagepage">
                        
                        <div class="span4">
                        	
                            <p>
                            	<label for="package-name" >package Name</label>
                                <input type="text" required name="package-name" id="package-name" class="input-xlarge" placeholder="Enter the name of package">
                            </p>
                            
                            <p>
                            	<label for="ideal-size" >Ideal Size</label>
                                <input type="number" required name="ideal-size" id="ideal-size" class="input-medium" placeholder="Enter ideal size ">
                            </p>
                            
                            
  
                        </div>
                         <div class="span4">
                         	
                            <p>
                            	<label for="start-date" >Package Start Date</label>
                                <input type="date" name="start-date"  id="start-date" required class="input-large cursor-pointer" placeholder="Enter the Start Date of package">
                            </p>
                         
                         	  <p class="input-prepend input-append">
                            	<label for="package-price" >Package Price</label>
                                <span class="add-on">Rs. </span><input type="number" name="package-price" id="package-price" required class="span2" placeholder="Enter Price of package">
                            </p>
                            
                        
                        </div>
                         <div class="span3">
                         
                         	<p>
                            	<label for="end-date" >Package End Date</label>
                                <input type="date" name="end-date"  id="end-date" required class="input-large cursor-pointer" placeholder="Enter the End Date of package">
                            </p>
                            
                            <p class="input-prepend input-append">
                            	<label for="duration" >Package Duration</label>
                                <span class="add-on">Days. </span><input type="number" name="package-duration" id="package-duration" required class="input-medium" placeholder="Enter Duration">
                            </p>
                         
                         	 
                           
                        
                        </div>
                        
                        <div class="clearfix"></div>	
                            
                        <br>    
						
                        <div class="span4">
                        
                        	<p>
                                <label>Select Addons ( use ctrl key to multi select )</label>
                                <div id="addpackageselectaddons"></div>
                               <!-- <select multiple="multiple" name="facilities">
                                  <option value="1">package1</option>
                                  <option value="2">package1</option>
                                  <option value="3">package1</option>
                                  <option value="4">package1</option>
                                </select>-->
                            </p>
                        
                        </div>
                        
                        <div class="span7">
                        
                        	<p>

                                    <label class="inline-block" >Room Type</label>
                                     <div id="addpackagesroomtypeselection"></div>
                                    <!--<select name="" class="input-large margin-r-20">
                                        <option selected>Select room type</option>
                                        <option value="" >Delux</option>
                                        <option value="" >Luxury</option>
                                        <option value="" >Etc</option>
                                    </select>-->
                                    
                                    <label class="inline-block" >No. of Rooms</label>
                                    <select name="" class="input-small margin-r-20" name="noofrooms" id="noofrooms" >
                                       
                                        <option value="1" >1</option>
                                        <option value="2" >2</option>
                                        <option value="3" >3</option>
                                    </select>
                                    
                                    <br/>
                                    
                                    <label class="inline-block" >Room Type</label>
                                     <div id="addpackagesroomtypeselection1"></div>
                                    <!--<select name="" class="input-large margin-r-20">
                                        <option selected>Select room type</option>
                                        <option value="" >Delux</option>
                                        <option value="" >Luxury</option>
                                        <option value="" >Etc</option>
                                    </select>-->
                                    
                                    <label class="inline-block" >No. of Rooms</label>
                                    <select name="" class="input-small margin-r-20" name="noofrooms1" id="noofrooms1">
                                       
                                        <option value="1" >1</option>
                                        <option value="2" >2</option>
                                        <option value="3" >3</option>
                                    </select>
                                
                             <!--  <button type="button" onClick="add_input_addpackage()" class="btn btn-primary">Add More</button>-->

                        </p>
                        
                        <div class="dynamic" id="dynamic-content">
					                
                                                    
                        </div>
                        
                        </div>
                        
                         <div class="span11"> 
                            
                            <p class="textarea-nice">
                            	<label for="package-description" >package Description</label>
                                <textarea name="package-description" class="input-block-level" id="package-description" required rows="9" cols="16"> </textarea>
                            </p>
                            
                             
                            
                             <p>
                             	<label class="checkbox">
                                <input type="checkbox" name="addpackagecheckbox" id="addpackagecheckbox"> Check the box to display package at front end [active/inactive].
                                </label>
                            	
                            </p>
                            
                           
                            
                            <p>
                            	<input id="addpackagesavebutton" type="submit" class="btn btn-primary btn-large" value="Save" name="addpackagesavebutton">
                                 <span class="text-success"> Display the "succesfully saved" message here on successfull submission</span>
                            </p>
                            
                        </div>
                        
                        <div class="clearfix"></div>    
                            
                        </form>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>
        <script src="js/jquery-ui-1.8.20.custom.min.js"></script><!-- including jquery UI Datepicker js-->
         <script src="js/nicEdit.js"></script><!-- including nicedit js-->
          <script src="js/jquery.validate.min.js"></script><!-- including the validation js-->
		<script type="text/javascript">
		
		  
		
		
			
		</script>
        <script src="js/main.js"></script>

</div>